<template>
  <div style='margin:0 auto;' :class='{isCheck:isCheck}'>
    <a-tabs type="card" @change="tabsChange" class="tabs_style">
      <a-tab-pane v-for="item in tabs" :key="item.key" :tab="item.title">
        <component v-if="active == item.key"
                   :is="`${item.key}`"
                   :id="model.id"
                   stage="05010"
                   zbStage="06010"
                   :protype="model.type"
                   :bsjdwName="model.bsjdwName"
                   :bsjdw="model.bsjdw"
                   :type="viewTypeId[item.value]"
                   :proName="model.name"
        ></component>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
  import gdbcxsjws from "../commView/gdbcxsjws/index";
  import sjqz from "../commView/sjqz/index";
  import sjdg from "../commView/sjdg/index";
  import sjwt from "../commView/sjwt/index";
  import gdxxqr from "../commView/gdxxqr/index";
  import shjl from "../commView/shjl/index";
  import viewTypeId from "../commView/public/typeId";
  import {butStatus} from '../butStatus'

  export default {
    name: 'contentView',
    components: {
      gdbcxsjws,
      sjqz,
      sjdg,
      sjwt,
      gdxxqr,
      shjl,
    },
    props: ['model'],
    mixins: [butStatus],
    data() {
      return {
        active: 'gdbcxsjws',
        viewTypeId: viewTypeId,
        disableSubmit: false,
        title: '',
        visible: true,
        isCheck: false,
        tabs: [
          {key: 'gdbcxsjws', title: '审计参考资料', value: '审计归档'},
          {key: 'sjqz', title: '审计取证', value: '审计归档'},
          {key: 'sjdg', title: '审计底稿', value: '审计归档'},
          {key: 'sjwt', title: '问题汇总', value: '审计归档'},
          {key: 'gdxxqr', title: '归档信息确认', value: '审计归档'},
          {key: 'shjl', title: '审核记录', value: '审计归档'}
        ]
      }
    },
    methods: {
      tabsChange(key) {
        this.active = key
      }
    }
  }
</script>

<style lang='less' scoped>
@import '~@assets/less/tableTheme.less';
  @import '../../css/checkAndEdit.less';

</style>
